<template>
  <view style="background-color: #ffe4c4;height:1500rpx">
    <view class="qbu">
      <h1 style="font-size: 20px; line-height: 22px; height: 22px; margin-bottom: 10px">{{ title }}</h1>
      <p class="source">
        <text class="zuozhe">{{ zuozhe }}</text>
      </p>
      <view class="contson">
        <view v-for="(itemm, index) in content.split('。')" :key="index">
          {{ itemm == '' ? itemm : itemm + `。` }}
          <br />
        </view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
import { onLoad, onReachBottom } from '@dcloudio/uni-app'
import { ref } from 'vue'
const title = ref('')
const content = ref('')
const zuozhe = ref('')
onLoad(async (e: any) => {
  // 监听全局关注和顶踩事件
  console.log(e)
  console.log(JSON.parse(e.item), '我看看111')
  let item = JSON.parse(e.item)
  title.value = item.gushititle
  zuozhe.value = item.zuozhe
  content.value = item.content
  console.log(content.value.split('。'))
})
</script>

<style scoped>
.pages {
}
.qbu {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  /* 居中水平 */
  align-items: center;


}
.zuozhe {
  color: rgb(147, 150, 152);
  margin-top: 20rpx;
  margin-bottom: 30rpx;
}
.contson {
  width: auto;
  text-align: center;
  /* 设置文字的字体大小为 32px */
  font-size: 30rpx;
  /* 设置文字的颜色为黑色 */
  color: black;
  /* 设置文字的行高为 2 */
  line-height: 200%;
}
</style>
